import {Tabs} from 'antd';
import React from 'react';
import {PageContainer} from '@ant-design/pro-layout';
import CircleList from "@/components/CircleList";


const ALLCircleList: React.FC<any> = () => {

  return (
    <PageContainer>
      <Tabs destroyInactiveTabPane={true}>
        <Tabs.TabPane forceRender tab='免费圈子' key="SIMPLE">
          <CircleList type='SIMPLE'/>
        </Tabs.TabPane>
        <Tabs.TabPane forceRender tab='课程圈子' key="COURSE">
          <CircleList  type='COURSE'/>
        </Tabs.TabPane>
      </Tabs>
    </PageContainer>
  );
};

export default ALLCircleList;
